import Vue from 'vue'
import App from './App.vue'
import VueRouter from 'vue-router'
import home from './pages/home/home'
import question1 from './pages/question/question1'
import question2 from './pages/question/question2'
import question3 from './pages/question/question3'
import share from './pages/share/share'

import './assets/styles/reset.css'
import animated from 'animate.css'

Vue.config.productionTip = false

Vue.use(VueRouter)
Vue.use(animated)

Vue.prototype.GLOBAL = {
  loading: true
}

const router = new VueRouter({
  routes: [{
    path: '/',
    component: home
  }, {
    path: '/question1',
    component: question1
  }, {
    path: '/question2',
    component: question2
  }, {
    path: '/question3',
    component: question3
  }, {
    path: '/share',
    component: share
  }],
  linkActiveClass: 'active'
})

new Vue({
  render: h => h(App),
  router
}).$mount('#app')
